
import Vue from 'vue'
// import Vant from 'vant'
import 'vant/lib/index.css'

import App from './App.vue'
// import router from './router/index.js'
import router from './router/auth.js'
// 脚手架自动创建vuex.store
import store from './store'
// 它会根据的手机尺寸来调整rem的基准值：html标签上的font-size。
import 'amfe-flexible'
// ...其它代码
// 全局样式
import '@/styles/index.less'
// 时间处理函数 nodejs导入
import { formatTime, relativeTime } from '@/utils/date-time.js'
// 图片懒加载在文章列表中很多文章，每一个文章都有可能有图（1，3张），在加载文章列表时
// ，对其中的图片进行懒加载处理：并不是一开始就加载全部的图片，而当某张图快要进入可见区域时，再去加载。
// 图片数据（就是url地址）取回来之后，不是立刻设置给image的src属性。
// 只要设置了src 属性，浏览器就会立即去请求src中的那张图。
import Vant, { Lazyload } from 'vant'
// 引入事件总线
import EventBus from './utils/eventBus'

Vue.use(Vant)
Vue.use(Lazyload)

// 把事件总线挂在原型对象上
// 则在组件内部，可以直接通过this.$eventBus来访问这个事件总线对象
Vue.prototype.$eventBus = EventBus
// 定义全局过滤器（这个过滤器需要在其它的组件中使用）
// Vue.filter('过滤器名', function(过滤前的值){
//   .....
//   return 过滤之后的值
// })
// Vue.filter('formatTime', formatTime)  自动把值传入进行处理
Vue.filter('formatTime', function (val) {
  return formatTime(val)
})
Vue.filter('relativeTime', function (val) {
  return relativeTime(val)
})
Vue.config.productionTip = false
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
